import React, { Component } from 'react'
import { Layout, Pagination } from 'antd';
import style from './Comment.module.less'
import {
    ClockCircleOutlined
} from '@ant-design/icons';
const { Content } = Layout;
export default class Comment extends Component {
    state = {
        current: 1
    }
    onChange = (pageNumber) => {
        console.log('Page: ', pageNumber);
        this.setState({
            current: pageNumber
        })
    };
    render() {
        const { set } = this.props
        return (
            <Layout
                style={{
                    padding: '0 24px 24px',
                }}
            >

                <p style={{
                    margin: '16px 0',
                }}>{set}</p>
                <Content
                    style={{
                        padding: 24,
                        margin: 0,
                        minHeight: 280,
                        background: 'white',
                    }}
                >
                    <ul className={style.Comment}>
                        <li >
                            <p className={style.time}><ClockCircleOutlined /> &nbsp; 03-23</p>
                            <h3>我的评论,我的评论,我的评论m我的评论m我的评论我的评论我的评论我的评论</h3>
                            <div className={style.Comment_box}>回复评论：测试评论</div>
                        </li>


                    </ul>
                    <div className={style.pages}>
                        <Pagination current={this.state.current} onChange={this.onChange} total={1} />
                    </div>
                </Content>
            </Layout>
        )
    }
}
